<!-- 消息 -->
<template>
	<uni-nav-bar dark :fixed="true" shadow background-color="#fff" status-bar left-icon="left" @clickLeft="back" />
	<view class="main-rule">
		<view class="title">积分规则</view>
		<view class="text">
			ONEK积分（以下简称“积分”，巴拉巴拉巴拉巴拉
			这里可以放一些积分使用规则，积分给予方式标准
			到账时间，使用范围，免责声明之类的，需要
			提醒用户的积分相关内容。
		</view>
		<view class="text">
			描述文字最好逻辑清晰，言简意赅，过于冗长或有
			歧义的文字内容不利于用户体验，为后续可能产生
			的纠纷埋下隐患。
		</view>
		<TabBar :current="3"></TabBar>
	</view>
</template>

<script setup>
import TabBar from '@/components/TabBar.vue';
import { reactive } from "vue";

const state = reactive({
	tab1value: ''
})
const back = () => {
	uni.navigateBack({
		delta: 1
	})
}
</script>

<style lang="scss" scoped>
page {
	background-color: #fff !important;
}
.main-rule {
	padding: 20rpx 58rpx;
	box-sizing: border-box;
	.title {
		width: 148rpx;
		height: 60rpx;
		text-align: center;
		display: inline-block;
		border-bottom: 4rpx #c02824 solid;
	}
	.text {
		font-size: 30rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #1C1919;
		line-height: 42rpx;
		margin-top: 30rpx;
	}
}
</style>
